<template>
  <el-dialog
    :append-to-body="true"
    :visible.sync="dialog"
    :close-on-click-modal="false"
    custom-class="myDialog"
    top="2vh"
    :title="title">
    <e-iframe :src="src"/>
  </el-dialog>
</template>

<script>
  import eIframe from '@/components/iframe'
  export default {
    props: {
      src: {
        type: String,
        required: true
      },
      title: {
        type: String,
        required: false,
        default: ''
      }
    },
    components: { eIframe },
    name: 'index',
    data() {
      return {
        dialog: false
      }
    }
  }
</script>

<style>
  .myDialog {
    width: 98%;
    height: 95%;
    overflow-y: auto;
  }
</style>
